<template>
<div class="app">
    <div class="header">        
      <div class="heade"><van-icon name="arrow-left" /></div>
      <div class="head">手动输入房源地址</div>
      <div class="hear"></div>
    </div>
    <div class="inputs-layout">
        <ul>
            <li>
                <input type="text" placeholder="请输入楼号" value="">
            </li>
             <li>
                <input type="text" placeholder="请输入单元号" value="">
            </li>
             <li>
                <input type="text" placeholder="请输入门牌号" value="">
            </li>
        </ul>
    </div>
    <div class="sub-btn">
        完成
    </div>
    
    
</div>   
</template>
<script>
import Vue from 'vue';
import { Icon } from 'vant';
Vue.use(Icon);
export default {
 
};
</script>
<style lang='stylus'>
body
  background-color rgb(245 245 249)
.header
  border-bottom  solid 1px #d9d9d9
  background-color #fff 
  font-size .2rem
  font-weight bolder 
  padding .17rem .17rem
  color: #000
  height .6rem
  display: flex;
  align-items: center;
  justify-content: center
  
  
.head
  width 100%
.heade
  width 40%
.hear
  width 10%

.inputs-layout
    padding 0rem .2rem
    background-color #fff

input
    width: 100%;
    height: 100%;
    border: none;
.inputs-layout li
    border-bottom: 1px solid #e6e6e6;
    color: #333;
    line-height: 12vw;

.sub-btn
    border-radius: 1.333vw;
    color: #fff;
    font-weight: 555;
    text-align: center;
    background: #3072f6;
    margin: 6.4vw;
    height: 12.8vw;
    line-height: 12.8vw;
    font-size: 5vw;


</style>